草庐IT

IT 设备

全部标签

javascript - 告诉 html 文档如果移动设备不要加载 js

我正在厚颜无耻地在这里寻找一两行代码:有人可以提供代码放在html文档的head部分,说明如果移动则不加载JS吗?这与以下CSS媒体查询结合使用:所以我正在寻找一段基于相同规则的代码:media="onlyscreenand(max-device-width:480px)"非常感谢 最佳答案 给定:“如果是移动设备,则不加载JS”,并假设“移动设备”是由宽度为480像素或更小的屏幕定义的,那么类似下面的内容应该可以工作:if(screen&&screen.width>480){document.write('');}只有当屏幕宽度大

javascript - window.onerror 在移动设备上不起作用——我应该如何处理未处理的异常?

我正在开发一个用SenchaTouch和PhoneGap编写的复杂网络应用程序。SenchaTouch应用程序的编写方式使得很难用try/catch包围每个潜在的故障点,尤其是对于异步AJAX请求处理程序。检测未处理的异常何时发生也非常重要,因为它看起来和感觉起来就像带有PhoneGap的native应用程序(即我们不能指望它们刷新页面并再次尝试,就像您在常规View中查看的网络应用程序一样)浏览器)。您能否就如何处理这种情况提出建议? 最佳答案 这是一个很好的问题。当然,窗口error事件永远不应该替换战略性放置的try/catc

javascript - 在显示 react 选择之前,CSS 悬停/主动触摸反馈在移动设备上不起作用

我正在努力调试这里的问题。在UI上显示react选择之前,移动触摸元素上的反馈不会提供触摸反馈。这可以通过在移动设备上完成旅程直到第4步在这里看到:https://odd-panda-design.badgerbookings.com/booking当您第一次与元素交互时,没有反馈,但是当您到达旅程中的第4个屏幕并单击“注册”(显示react选择)时,如果您导航回悬停元素,悬停元素会突然提供反馈。此问题仅在移动设备上而非网络上。我已经使用Chrome在iPhone6上进行了测试。下面是触发触摸反馈交互的react-select元素。我尝试添加onTouchStart并更改悬停元素以包含

javascript - getUserMedia - 如何检测设备是否真的有摄像头

我正在使用html5/javascriptgetUserMediaapi编写一个js应用程序,如果可用,它将使用设备的摄像头。我正在使用Modernizr来检测(浏览器的)能力,如下所示:if(Modernizr.getusermedia){在真正的block内:navigator.getUserMedia({//wewouldliketousevideobutnotaudio//ThisobjectisbrowserAPIspecific!-someimplementationsrequirebooleanproperties,othersrequirestrings!video:t

javascript - jQuery Slider 无法按设计在移动设备上运行

2015年7月24日更新:由于我无法迁移代码并且存在冲突问题,所以我完全更改了库。最快的修复,对我来说是http://refreshless.com/nouislider/.它仍然允许我使用与jquery相同的简码来检索值。我无法保证这有多轻,但我可以推荐在客户站点上进行临时修复。2015年7月30日更新:已经尝试使用jQueryUI和TouchPunch,它们都导致了进一步的问题。在这种情况下,唯一的解决方案是没有UISlider。您的项目可能有所不同,但对于4年以上的旧框架上严重的jQuery脚本冲突,这是我的解决方案。以下代码(示例位于:http://www.equant-des

javascript - react : Can I check if a state exists before rendering it

我是React的新手,我制作了一个显示用户名user的导航栏{this.state.name}但问题是如果用户未登录,我会收到一个错误,因为this.state.name未定义。有什么方法可以在将它呈现为导航栏的一部分之前检查是否已定义this.state.name还是有更好的方法来消除此错误? 最佳答案 当然,使用三元:render(){return(this.state.name?{this.state.name}:null);}甚至更短render(){return(this.state.name&&{this.state.n

javascript - 如何检测 JavaScript 中的设备触摸支持?

以前在JavaScript中检测设备是否支持触摸事件时,我们可以这样做:vartouch_capable=('ontouchstart'indocument.documentElement);但是,即使底层设备不支持触摸事件,谷歌浏览器(17.x.x+)也会为上述检查返回true。例如,在Windows7上运行上面的代码会返回true,因此如果我们将它与类似的东西结合起来:varstart_evt=(touch_capable)?'ontouchstart':'onmousedown';在GoogleChrome上,该事件永远不会触发,因为我们绑定(bind)到ontouchstart

javascript - Meteor Collection Transform : is it done on the server or on the client? 或者它取决于

我想使用转换从集合中创建一个“虚拟字段”。但是,我添加的新字段(在转换函数中)正在向返回的文档中添加相当多的数据。如果转换发生在客户端内部,这很好。如果在服务器端完成,则会出现带宽问题。所以我想知道转换是在服务器上还是在客户端上完成,还是取决于我如何查找/获取文档? 最佳答案 更新:可以在服务器上进行转换。您可以像这样在客户端进行转换:returnYourCollection.find({},{transform:function(doc){doc.test=true;returntrue;}});Meteor忽略对已发布查询的tr

javascript - 如何使用 JavaScript API 在移动设备的 map 中禁用两指缩放选项?

我的谷歌地图选项是这样的{center:userLatLng,zoom:13,mapTypeId:'roadmap',scrollwheel:false,navigationControl:false,mapTypeControl:false,scaleControl:false,draggable:true,mapTypeId:google.maps.MapTypeId.ROADMAP,disableDefaultUI:true,disableDoubleClickZoom:false,zoomControl:false,styles:styles['hide'],component

javascript - 输入文件上传多个文件在移动设备上不起作用

我有一个通用的文件uploader,看起来像这样:Browse我可以在桌面上上传多个文件没有问题,但是当我尝试在移动设备上使用相同的功能时,我似乎无法选择多个文件。这是javascript:varFilenames;functiongenerateUUID(){vard=newDate().getTime();varuuid='xxxxxxxxxxx'.replace(/[xy]/g,function(c){varr=(d+Math.random()*16)%16|0;d=Math.floor(d/16);return(c=='x'?r:(r&0x3|0x8)).toString(16